<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html>
<html>

<head>
<c:if test="${sessionScope.loginMember == null }">
	<jsp:forward page="loginPage.sds"></jsp:forward>
</c:if>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>INSPINIA | Contacts</title>

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">

<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#mposition>option[value=${requestScope.getprofile.mposition}]").attr("selected", "true");
		$("#dno>option[value=${requestScope.getprofile.dno}]").attr("selected", "true");
	});
</script>
</head>

<body>

	<div id="wrapper">

		<!-- 사이드바 -->
		<nav class="navbar-default navbar-static-side" role="navigation">
			<div class="sidebar-collapse">
				<ul class="nav" id="side-menu">

					<li class="nav-header">
						<div class="dropdown profile-element">
							<span> <c:if
									test="${sessionScope.loginMember.mimage == null}">
									<img alt="image" class="img-circle"
										src="imgUpload/anonymous.jpg" width="160px" />
								</c:if> <c:if test="${sessionScope.loginMember.mimage != null}">
									<img alt="image" class="img-circle"
										src="imgUpload/${sessionScope.loginMember.mimage}"
										width="160px" />
								</c:if>
							</span> <a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<span class="clear"> <span class="block m-t-xs"> <strong
										class="font-bold">${sessionScope.loginMember.mname}</strong>
								</span> <span class="text-muted text-xs block">
										${sessionScope.loginMember.mposition} <b class="caret"></b>
								</span>
							</span>
							</a>
							<ul class="dropdown-menu animated fadeInRight m-t-xs">
								<li class="active"><a href="stepup_profile.sds">Profile</a></li>
								<li class="divider"></li>
								<li><a href="logout.sds">Logout</a></li>
							</ul>
						</div>
					</li>

					<!-- 메뉴 리스트 -->
					<li><a href="index.sds"><i class="fa fa-bar-chart-o"></i>
							<span class="nav-label">Statistics</span></a></li>
					<li><a href="stepup_rank.sds"><i class="fa fa-flask"></i>
							<span class="nav-label">Ranking</span></a></li>
					<li><a href="stepup_badge.sds"><i class="fa fa-desktop"></i>
							<span class="nav-label">Badge</span></a></li>
					<li><a href="stepup_mission.sds"><i class="fa fa-envelope"></i>
							<span class="nav-label">Mission</span></a></li>
					<li><a href="stepup_temp.sds"><i class="fa fa-sitemap"></i>
							<span class="nav-label">Thermometer</span></a></li>
					<li><a href="stepup_donation.sds"><i class="fa fa-globe"></i>
							<span class="nav-label">Donation</span></a></li>
				</ul>
			</div>
		</nav>

		<div id="page-wrapper" class="gray-bg">

			<!-- 상단 메뉴 바 -->
			<div class="row border-bottom">
				<nav class="navbar navbar-static-top" role="navigation"
					style="margin-bottom: 0">
					<div class="navbar-header">
						<a class="navbar-minimalize minimalize-styl-2 btn btn-primary "
							href="#"><i class="fa fa-bars"></i> </a>
						<form role="search" class="navbar-form-custom" method="post"
							action="search_results.html">
							<div class="form-group">
								<input type="text" placeholder="Search for something..."
									class="form-control" name="top-search" id="top-search">
							</div>
						</form>
					</div>

					<!-- 상단 메뉴 - 검색, 로그아웃 포함 -->
					<ul class="nav navbar-top-links navbar-right">
						
						<!-- 상단: 로그인, 로그아웃 버튼 -->
						<c:if test="${sessionScope.loginMember != null}">
							<li><a href="stepup_profile.sds"><i class="fa fa-sign-out"></i>
								Profile
							</a></li>
							<li><a href="logout.sds"> <i class="fa fa-sign-out"></i>
									Logout
							</a></li>
						</c:if>
					</ul>
				</nav>
			</div>

			<!-- 메인 페이지 : 제목 -->
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-9">
					<h2>내 뱃지</h2>
					<ol class="breadcrumb">
						<li><a href="index.html">Home</a></li>
						<li>메뉴</li>
						<li class="active"><strong>Profile</strong></li>
					</ol>
				</div>
				<div style="padding: 20px 30px 0px 0px">
					<img alt="image" class="img-responsive" src="img/logo.jpg"
					 style="Height: 80px; width: 80px;" align="right"  >
				</div>
			</div>


			<div class="wrapper wrapper-content animated fadeInRight">
				<div class="row">
					<div class="col-lg-12">
						<div class="ibox float-e-margins">
							<div class="ibox-title">
								<h5>내 정보</h5>
								<small>ID를 제외한 다른 정보를 수정할 수 있습니다.</small>
								<div class="ibox-tools">
									<a class="collapse-link"> <i class="fa fa-chevron-up"></i>
									</a> <a class="close-link"> <i class="fa fa-times"></i>
									</a>
								</div>
							</div>
							<div class="ibox-content">
								
								<form method="post" class="form-horizontal" 
									action="updateprofile.sds" enctype="multipart/form-data">

									<div class="form-group">
										<label class="col-sm-2 control-label">ID</label>
										<div class="col-sm-10">
											<input type="text" class="form-control" name="mid" id="mid"
												value="${getprofile.getMid() }" readonly="readonly">
										</div>
									</div>
									<div class="hr-line-dashed"></div>
									<div class="form-group">
										<label class="col-sm-2 control-label">Password</label>
										<div class="col-sm-10">
											<input type="password" class="form-control" name="mpassword" id="mpassword"
												value="${getprofile.getMpassword()}" required=""></span>
										</div>
									</div>
									<div class="hr-line-dashed"></div>
									<div class="form-group">
										<label class="col-sm-2 control-label">Name</label>
										<div class="col-sm-10">
											<input type="text" class="form-control" name="mname" id="mname"
												value="${getprofile.getMname()}" required="">
										</div>
									</div>
									<div class="hr-line-dashed"></div>
									<div class="form-group">
										<label class="col-sm-2 control-label">Email</label>
										<div class="col-sm-10">
											<input type="email" class="form-control" name="memail" id="memail"
												value="${getprofile.getMemail()}" required="">
										</div>
									</div>
									<div class="hr-line-dashed"></div>
									<div class="form-group">
										<label class="col-lg-2 control-label">Phone</label>
										<div class="col-lg-10">
											<input type="text" class="form-control" name="mnfcid" id="mnfcid"
												value="${getprofile.getMnfcid()}" required="">
										</div>
									</div>
									<div class="hr-line-dashed"></div>
									<div class="form-group">
										<label class="col-lg-2 control-label">Position</label>
										<div class="col-lg-10">
											<select name="mposition" id="mposition" style="width: 300px" required="required">
												<option value="">-- 직급 --
												<option value="사원">사원
												<option value="대리">대리
												<option value="과장">과장
												<option value="차장">차장
												<option value="부장">부장
												<option value="본부장">본부장
												<option value="사장">사장
											</select>
										</div>
									</div>
									
									<div class="hr-line-dashed"></div>
									<div class="form-group">
										<label class="col-sm-2 control-label">department</label>
										<div class="col-lg-10">
											<select name="dno" id="dno" style="width: 300px" required="required">
												<option value="">-- 부서 --
												<option value="10">임원실
												<option value="20">컴플라이언스팀
												<option value="30">경영기획팀
												<option value="40">경영지원팀
												<option value="50">금융ICT연구소
												<option value="60">스마트개발센터
												<option value="70">정보보안R&D팀
												<option value="80">프로젝트사업팀
												<option value="90">은행서비스1팀
												<option value="100">은행서비스2팀
												<option value="110">카드서비스팀
												<option value="120">그룹서비스팀
												<option value="130">그룹솔루션팀
												<option value="140">Help Desk팀
												<option value="150">은행인프라팀
												<option value="160">카드인프라팀
												<option value="170">그룹인프라팀
												<option value="180">정보보안센터
											</select>
										</div>
									</div>
									<div class="hr-line-dashed"></div>
									<div class="form-group">
										<label class="col-sm-2 control-label">Image</label>
										<div class="col-lg-10">
											<input type="file" id="mimage" name="file">
										</div>
									</div>

									<div class="hr-line-dashed"></div>
									<div class="form-group">
										<div class="col-sm-4 col-sm-offset-2">
											<!-- <button class="btn btn-white" type="submit">Cancel</button> -->
											<button class="btn btn-primary" type="submit">Save
												changes</button>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<div align="right">
						StepUp System. Copyright <strong> &copy; SHINHAN DATA SYSTEM.</strong> All Right Reserved. 2015.
				
			</div>
			</div>

		</div>
	</div>

	<!-- Mainly scripts -->
	<script src="js/jquery-2.1.1.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

	<!-- Custom and plugin javascript -->
	<script src="js/inspinia.js"></script>
	<script src="js/plugins/pace/pace.min.js"></script>

</body>

</html>
